:root:root {
  //颜色
  --color-primary: #1989fa;
  --color-success: #07c160;
  --color-danger: #ee0a24;
  --color-warning: #ff976a;

  //文字
  --font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
    Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
    "Microsoft Yahei", sans-serif;
  --font-family-price: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
    sans-serif;

  --font-color: #323233;
  --font-color-secondary: #969799;
  --font-color-placeholder: #c8c9cc;
  --font-color-disabled: #dcdee0;

  --font-size: 14px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;

  --font-bold: 500;
  --font-bold-thin: 400;
  --font-bold-bold: bold;

  //边框
  --border-color: #ebedf0;
  --border-color-light: #f2f3f5;
  --border-color-dark: #dcdee0;

  //圆角
  --border-radius: 8px;
  --border-radius-sm: 4px;
  --border-radius-lg: 16px;
  --border-radius-max: 999px;

  //背景
  --background-color: #f2f3f5;
  --background-color-light: #ffffff;
  --background-color-dark: #ebedf0;

  //内边距
  --padding: 16px;
  --padding-sm: 8px;
  --padding-lg: 32px;

  //外边距
  --margin: 16px;
  --margin-sm: 8px;
  --margin-lg: 32px;

  //阴影
  --box-shadow-light: 0px 0px 16px rgba(0, 0, 0, 0.08);
  --box-shadow-base: 0px 0px 16px rgba(0, 0, 0, 0.12);
  --box-shadow-dark: 0px 0px 16px rgba(0, 0, 0, 0.16);

  //动画
  --animation-duration: 0.3s;
  --animation-duration-fast: 0.2s;

  //组件大小
  --component-size: 32px;
  --component-size-sm: 24px;
  --component-size-lg: 40px;
}

html {
  margin: 0px;
  padding: 0px;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: 150%;
  background-color: var(--background-color);
  color: var(--font-color);
}
a {
  color: var(--color-primary);
  text-decoration: none;
  &:active {
    opacity: var(--active-opacity);
  }
}
pre,
textarea {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: var(--font-family);
  margin: 0px;
  padding: 0px;
  line-height: 150%;
}
.text-tip {
  color: var(--font-color-secondary);
  font-size: var(--font-size-sm);
}
